<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>首页</title>

		<link href="/static/index/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="/static/index/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="/static/index/assets/css/admin.css" rel="stylesheet" type="text/css" />

		<link href="/static/index/basic/css/demo.css" rel="stylesheet" type="text/css" />

		<link href="/static/index/css/hmstyle.css" rel="stylesheet" type="text/css"/>
		<link href="/static/index/css/skin.css" rel="stylesheet" type="text/css" />
		<script src="/static/index/assets/js/jquery.min.js"></script>
		<script src="/static/index/assets/js/amazeui.min.js"></script>
		<script src="/static/index/bootstrap/js/bootstrap.min.js"></script>
		


	</head>

	<body>
		<div class="hmtop">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							{if condition="!empty(session('web'))"}
							<span>欢迎您:{:session('web')['nickname']} </span>
							<a href="/cancellation">注销</a>
							{else /}
							<a href="/webLogin" target="_top" class="h">亲，请登录</a>
							<a href="/webregister" target="_top">免费注册</a>
							{/if}
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="/" target="_top" class="h">首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="/Ucenter" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="/changeclass" target="_top"><i class="am-icon-user am-icon-fw"></i>班级</a></div>
					</div>

					<div class="topMessage favorite">
						<div class="menu-hd"><a href="/myLikes" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>我的收藏</span></a></div>
					</div>
				</ul>
				</div>

				<!--悬浮搜索框-->

				<div class="nav white">
					<div class="logo"><img src="/face/logo.jpg" /></div>
					<div class="logoBig">
						<li><img src="/face/logo.jpg" /></li>
					</div>

					<div class="search-bar pr">
						<a name="index_none_header_sysc" href="#"></a>
						<form action="/search_course/" method="post">
							<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="{:empty($sousuo)?'搜索':$sousuo}" autocomplete="off" value="{:empty($sousuo)?'':$sousuo}">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>

	{block name="web"}
			<div class="banner">

                      <!--轮播 -->
						<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
							<ul class="am-slides">
								<li class="banner1"><a><img src="/static/index/images/banner1.jpg"></a></li>
								<li class="banner2"><a><img src="/static/index/images/banner2.jpg" /></a></li>
								<li class="banner3"><a><img src="/static/index/images/banner3.jpg" /></a></li>
								<li class="banner4"><a><img src="/static/index/images/banner4.jpg" /></a></li>

							</ul>
						</div>
						<div class="clear"></div>	
			</div>
			<div class="shopNav">
				<div class="slideall">
					
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="/">首页</a></li>
                                
                                <li class="qc"><a href="/changeclass">班级</a></li>
                                <li class="qc"><a href="/myLikes">我的收藏</a></li>

							</ul>


						</div>

						<!--侧边导航 -->
						<div id="nav" class="navfull">
							<div class="area clearfix">
								<div class="category-content" id="guide_2">
									
									<div class="category">
										<ul class="category-list" id="js_climit_li">
										{volist name="list" key="k" id="v"}
											<li class="appliance js_toggle relative first">
												<div class="category-info" id="fatherdejiedian{$v['id']}">
													<h3 class="category-name b-category-name"><i><img src="/static/index/images/123456.jpg"></i><a class="ml-22" title="点心" href="/show_course/{$v['id']}">{$v['catename']}</a></h3>
													<em>&gt;</em></div>
												<!-- <div class="menu-item menu-in top" id="sondejiedian{$v['id']}">
													
												</div> -->
											<b class="arrow"></b>	
											</li>
										{/volist}
										</ul>
									</div>
								</div>

							</div>
						</div>
{js href="/static/admin/assets/js/pages/jquery.min.js"}
{js href="/static/admin/assets/js/pages/bootstrap.min.js"}
{js href="/static/admin/assets/js/pages/toastr.min.js"}
<script>
  
//     $(".category-info").mouseover(function(){  
   
//     pcode = this.id;
//     pp = pcode.slice(15);
//     // console.log(pp);
//         tiansecond(pp);//加载子节点
//     });
    

// function tiansecond(pp)
// {
//     $.ajax({
//     		async:false,
//             url:"/xiao_cate/",
//             type:"POST",
//             data:{'id':pp},
//             dataType:"json",
//             success: function(data){
//                     // var dd = "<dd><a title='千层饼' href='#'><span>千层饼</span></a></dd>";
//                     // console.log(data)
//                     var str = "";
//                     var string = "";
//                     for(var i=0 in data)
//                     {
//                     	// for(var p in data[i].son){
//                     	str += "<div class='area-in'><div class='area-bg'><div class='menu-srot'><div class='sort-side'><dl class='dl-sort' id='woshizifenlei"+data[i].id+"'><dt ><span title='"+data[i].catename+"'>"+data[i].catename+"</span></dt><dd><a title='' href='#'><span></span></a></dd></dl></div></div></div></div>";
//                     	// string += "<a title='"+(data[i].son)[p].catename+"' href='#'><span>"+(data[i].son)[p].catename+"</span></a>";

//                     // }
//                     	// console.log(data[i].son);
//                     		// var data2 = data[i].son;
//                     		// (function(p){

//                     		// })(p)
//                       //  for(var p in data2){
//                       //  		string += "<a title='"+(data[i].son)[p].catename+"' href='#'><span>"+(data[i].son)[p].catename+"</span></a>";
//                        	// $("#woshizifenlei"+data[i].id).append("<li id='hzback'>[杭州]</li>");
//                        // }
//                        // $("#woshizifenlei"+data[i].id).append(string);
//                        // console.log(string);
//                        // $("#woshizifenlei"+data[i].id+" + dd").html(string);
//                        // console.log("#woshizifenlei"+data[i].id);
//                     }
//                     // console.log(str);
//                     $("#"+pcode+" + div").html(str);
//                     // $("#woshizifenlei"+data[i].id+" + dd").html(string);
//                        // console.log(string);
                    
//                 }
//         });
// }


</script>					
						
						<!--轮播-->
						
						<script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script>



					<!--小导航 -->
					<div class="am-g am-g-fixed smallnav">
						<div class="am-u-sm-3">
							<a href="/"><img src="/static/index/images/navsmall.jpg" />
								<div class="title">商品分类</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href=""><img src="/static/index/images/huismall.jpg" />
								<div class="title">班级</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="/static/index/images/mansmall.jpg" />
								<div class="title">个人中心</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="/static/index/images/moneysmall.jpg" />
								<div class="title">我的收藏</div>
							</a>
						</div>
					</div>

					<!--走马灯 -->

					<div class="marqueen">
						<div class="api" style="position: absolute; bottom: 30px; left: 80px;">
							<a href="/apiview">调用接口</a>
						</div>
						<div class="demo">

							<ul>
								
							    
						<div class="mod-vip">
							<div class="m-baseinfo">
								<a href="/Ucenter">
									{if condition="empty(session('web.face'))"}
									<img src="/static/1.jpg">
									{else /}
									<img src="/uploads/{:session('web.face')}">
									{/if}
								</a>
								<em>
									
									Hi,<span class="s-name">{:session('?web')?session('web.nickname').'~~':'请登录~~'}</span>
									
								</em>
							</div>
							<div class="member-logout">
								{if condition="!empty(session('web'))"}
								<a class="am-btn-warning btn" href="/changeclass">我的班级</a>
								{else/}
								<a class="am-btn-warning btn" href="/webLogin">登录</a>
								<a class="am-btn-warning btn" href="/webregister">注册</a>
								{/if}
							</div>
							
							<div class="clear"></div>	
						</div>																	    
							    <!-- {volist name="discus" key="k" id="v"}
								<li><a target="_blank" href="/qtn"><span>[最新讨论]{$v['discontent']}</span></a></li>
								{/volist} -->
								
							</ul>
                        <div></div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<script type="text/javascript">
					if ($(window).width() <  640) {
						function autoScroll(obj) {
							$(obj).find("ul").animate({
								marginTop: "-39px"
							}, 500, function() {
								$(this).css({
									marginTop: "0px"
								}).find("li:first").appendTo(this);
							})
						}
						$(function() {
							setInterval('autoScroll(".demo")', 3000);
						})
					}
				</script>
			</div>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">

					<!--今日推荐 -->

					<div class="am-g am-g-fixed recommendation">
						<div class="clock am-u-sm-3" ">
							<img src="/static/index/images/2016.png ">
							<p>今日<br>推荐</p>
						</div>
						{volist name="hot" key="k" id="v"}
						<a href="/detail_course/{$v['id']}">
						<div class="am-u-sm-4 am-u-lg-3 ">
							<div class="info ">
								<h3>{$v['name']}</h3>
								<h4></h4>
							</div>
							<div class="recommendationMain one">
								<img src="/uploads/{$v['address']}">
							</div>
						</div>
						</a>						
						{/volist}

					</div>
					<div class="clear "></div>
					<!--热门活动 -->

					
					<div class="clear "></div>

	{volist name="list" id="v"}
                    <div id="f1">
					<!--甜点-->
					
						<div class="am-container ">
							<div class="shopTitle ">
								<h4>{$v['catename']}</h4>
								<h3></h3>
								
								<span class="more ">
	                    <a href="/show_course/{$v['id']}">更多课程<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
	                        </span>
							</div>
						</div>
						
						<div class="am-g am-g-fixed floodFour">
							<div class="am-u-sm-5 am-u-md-4 text-one list ">

								<a href="/show_course/{$v['id']}">
									<div class="outer-con ">
										<div class="title ">
										{$v['catename']}
										</div>
										<div class="sub-title ">
											{$v['catename']}
										</div>									
									</div>
	                                  <img src="/static/index/picture/1.png " />								
								</a>
								<div class="triangle-topright"></div>						
							</div>
							
							
							{volist name="$v['goods']" id="g" }
							<div class="am-u-sm-3 am-u-md-2 text-three last big ">
								<div class="outer-con ">
									<div class="title ">
										{$g['name']}
									</div>
									<div class="sub-title ">
										¥{$g['price']}
									</div>
									<a href="/detail_course/{$g['id']}"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></a>
								</div>
								<a href="/detail_course/{$g['id']}"><img src="/uploads/{$g['address']}" /></a>
							</div>
						{/volist}
						</div>
	                 	<div class="clear "></div>
                 	</div>

        			{/volist}

{/block}
					<div class="footer ">

						<div class="footer-bd ">
							<p>
								<a href="# ">关于3z</a>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
								<em>© 2015-2025 3z.com 版权所有</em>
							</p>
						</div>
					</div>

		</div>
		</div>
		<!--引导 -->
		<div class="navCir">
			<li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>班级</a></li>
			<li><a href=""><i class="am-icon-user"></i>我的</a></li>
		</div>


		<!--菜单 -->
		<div class=tip>
			<div id="sidebar">
				<div id="wrap">
					<div id="prof" class="item ">
						<a href="# ">
							<span class="setting "></span>
						</a>
						<div class="ibar_login_box status_login ">
							<div class="avatar_box ">
								<p class="avatar_imgbox ">
								{if condition="empty(session('web'))"}
								<img src="/static/1.jpg">
								{else /}
								<img src="/uploads/{:session('web.face')}" />
								{/if}
								</p>
								<ul class="user_info ">
									{if condition="empty(session('web'))"}
									<li><a href="/webLogin" style="width: 140px;">请登录</a> </li>
									{else /}
									<li>{:session('web.nickname')}</li>
									{/if}
								</ul>
							</div>
							<div class="login_btnbox ">
								
								<a href="/myLikes" class="login_favorite ">我的收藏</a>
							</div>
							<div class="login_btnbox ">
								
								<a href="/myLikes" class="login_favorite "><span >调用接口</span></a>
							</div>
							<i class="icon_arrow_white "></i>
						</div>

					</div>

					<div id="shopCart " class="item ">
						<a href="/changeclass">
							<span class="message "></span>
						</a>
						<p>
						我的班级
						</p>
						
					</div>
					

					<div id="foot " class="item ">
						<a href="/Ucenter">
							<span class="zuji "></span>
						</a>
						<div class="mp_tooltip ">
							个人中心
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="brand " class="item ">
						<a href="/myLikes">
							<span class="wdsc "><img src="/static/index/images/wdsc.png " /></span>
						</a>
						<div class="mp_tooltip ">
							我的收藏
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					

					<div class="quick_toggle ">
						
						<!--二维码 -->
						
						<li class="qtitem ">
							<a href="#top " class="return_top "><span class="top "></span></a>
						</li>
					</div>

					<!--回到顶部 -->
					<div id="quick_links_pop " class="quick_links_pop hide "></div>

				</div>

			</div>
			<div id="prof-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					我
				</div>
			</div>
			<div id="shopCart-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					购物车
				</div>
			</div>
			<div id="asset-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					资产
				</div>

				<div class="ia-head-list ">
					<a href="# " target="_blank " class="pl ">
						<div class="num ">0</div>
						<div class="text ">优惠券</div>
					</a>
					<a href="# " target="_blank " class="pl ">
						<div class="num ">0</div>
						<div class="text ">红包</div>
					</a>
					<a href="# " target="_blank " class="pl money ">
						<div class="num ">￥0</div>
						<div class="text ">余额</div>
					</a>
				</div>

			</div>
			<div id="foot-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					足迹
				</div>
			</div>
			<div id="brand-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					收藏
				</div>
			</div>
			<div id="broadcast-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					充值
				</div>
			</div>
		</div>
		<script>
			window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
		</script>
		<script type="text/javascript " src="/static/index/basic/js/quick_links.js "></script>
	</body>

</html>